<template>
  <div>
    <input :value="props.modelValue" @input="updateValue" />
    <span>子组件：{{ props.modelValue }}</span>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({ modelValue: String });

let emit = defineEmits(["update:modelValue"]);

// 1.使用:value 和 @input
const updateValue = (event: any) => {
  emit("update:modelValue", event.target.value);
};
</script>
